<template>
  <div>
    <div class="title"></div>
    <image src="/static/index_top.jpg" class="index_top" mode="widthFix" />
    <image src="/static/index_logo.svg" class="index_logo" mode="widthFix" />
    <div class="index_text">
      Further，由北京师范大学附属中学（以下简称「北京师大附中」）学生发起的校园文化品牌，产品包含杂志出版物、新媒体、视频、文化周边等。<br/>这是 Further 旗下的小程序版电子杂志，
    </div>
    <div class="index_bt">上滑开启杂志</div>
  </div>
</template>

<script>
export default {
  data () {
  },

  methods: {
  }
}
</script>

<style>
.title{ width: 100%;height: 44px;position:fixed;top:0px;left:0;background:#ffffff;z-index: 9;padding:20px 0 0;}
.index_top{ width: 100%;height:auto; display: block; float:left; }
.index_logo{ width: 213px;height:auto; display: block; float:left;margin:22px 0 0 40px;}
.index_text{ width: 295px;height:auto; display: block; float:left;margin:29px 40px 0; font-size: 14px; color: #000000; line-height: 25px;}
.index_bt{ width: 100%;height:60px; display: block; float:left; position: fixed; left: 0; bottom: 0; background: #ffffff; border-top:1px solid rgba(0,0,0,.07); color: #000000; font-size: 16px; font-weight: bold; text-align: center; line-height: 60px;z-index: 9;}
</style>